<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>YS Player - 播放</title>
  <link rel="shortcut icon" type="images/x-icon" href="/static/favicon.ico" />
  <link rel="stylesheet" href="/static/css/play.css" />
  <link rel="stylesheet" href="/static/css/font-awesome.min.css" />
</head>

<body>
  <div class="player-container">
    <!-- 视频播放区域 -->
    <div class="video-container">
      <video id="video" controls></video>
    </div>

    <!-- 信息面板 -->
    <div class="info-panel" id="infoPanel">
      <div class="panel-header">
        <div class="video-title" id="videoTitle"></div>
        <button type="button" class="toggle-btn" id="toggleBtn">
          <i class="fas fa-chevron-left"></i>
        </button>
      </div>

      <!-- 视频信息 -->
      <div class="video-info" id="videoInfo">
        <div class="info-item" id="videoType"></div>
        <div class="info-item" id="videoYear"></div>
        <div class="info-item" id="videoStart"></div>
        <div class="info-item" id="videoEnd"></div>
      </div>

      <!-- 剧集列表 -->
      <div class="episode-list" id="episodeList"></div>
    </div>
  </div>
  <script src="/static/js/hls.min.js"></script>
  <script src="/static/js/play.js"></script>
</body>

</html>